// 字体大小
$font-size-large: 18px;
$font-size-base: 16px;
$font-size-small: 14px;
$font-size-smallest: 12px;

// 省略号
@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 阴影
@mixin shadow {
  box-shadow: 0 0 10px 2px #f3f3f3;
}

// 按钮样式
@mixin button-b($defalitBack: $color, $defalitcolor: #fff, $defalitradius: 0 ) {
  border: 1px solid $defalitBack;
  background: $defalitBack;
  color: $defalitcolor;
  height: 30px;
  box-sizing: border-box;
  padding: 6px 10px;
  cursor: pointer;
  font-size: $font-size-small;
  border-radius: $defalitradius;
  vertical-align: top;
  &:hover {
    background: $color-hover;
    border: 1px solid $color-hover;
  }
}

@mixin button-l($defalitBorder: $color, $defalitcolor: $color, $defalit-radius: 0) {
  background: none;
  border: 1px solid $defalitBorder;
  color: $defalitcolor;
  padding: 6px 10px;
  height: 30px;
  box-sizing: border-box;
  font-size: $font-size-small;
  cursor: pointer;
  border-radius: $defalit-radius;
  vertical-align: top;
  &:hover {
    border: 1px solid $color-hover;
    background: $color-hover;
    color: #fff;
  }
}

// 输入框
@mixin input-n($defalitwidth: 180px, $defalitpadding: 7px 25px 6px 10px) {
  width: $defalitwidth;
  border: none;
  background: none;
  height: 100%;
  overflow: hidden;
}

@mixin input-b($defalitwidth: 180px, $defalitpadding: 7px 25px 6px 10px) {
  width: $defalitwidth;
  height: 30px;
  border: 1px $color-line solid;
  font-size: 0.85rem;
  padding: $defalitpadding;
  color: $color-grid;
  border-radius: 0;
  background: $color-bg;
  box-sizing: border-box;
  overflow: hidden;
  &:focus{
    border: 1px $color solid;
  }
}

@mixin input-l($defalitwidth: 180px, $defalitpadding: 7px 10px 6px 10px) {
  width: $defalitwidth;
  height: 30px;
  border: 1px $color-line solid;
  font-size: 0.85rem;
  padding: $defalitpadding;
  color: $color-grid;
  border-radius: 0;
  box-sizing: border-box;
  overflow: hidden;
  &:focus{
    border: 1px $color solid;
  }
}

// 项目模块 导航
@mixin nav($defalitbottom: 0, $defalitmargin: 0) {
  height: 30px;
  line-height: 30px;
  padding: 15px 20px;
  margin-bottom: $defalitmargin;
  font-size: $font-size-base;
  background: #fff;
}


